<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/xiangyingshi.css" />
	</head>
	<body>
		<div class="container">
			<div class="header">
				<div class="header-panel">
					<div class="header-title">
						<div class="header-logo"><img src="images/16.png" /></div>
						<div class="header-nav">
							<ul>
								<li><a class="nav-as active" href="#">首页</a></li>
								<li><a class="nav-as" href="#">热门景点</a></li>
								<li><a class="nav-as" href="#">旅游套餐</a></li>
								<li><a class="nav-as" href="#">关于我们</a></li>
								<li><a class="nav-as" href="#">客户反馈</a></li>
								<li><a class="nav-as" href="#">联系我们</a></li>
								<li><a class="nav-as" href="#">旅游签证</a></li>
							</ul>
						</div>
					</div>
					<div class="header-body">
						<div class="header-body-item">
							<img src="images/9.png"/>
							<h2>AFFORDABLE PARIS TOURS</h2>
							<h5>CITY TOURS / TOUR TICKETS / TOUR GUIDES</h5>
							<a >VIEW TOURS</a>
						</div>
					</div>
					
				</div>
			</div>
			
			<div class="body">
				<div class="search">
					<div class="search-title">
						<h3>搜索热门旅游景点</h3>
					</div>
					<div class="search-input">
						<input type="text" placeholder="请输入需要搜索的文字" name="" id="" value="" />
					</div>
				</div>
				<div class="main">
					<div class="main-title">
						<span><h4>巴黎旅游景点</h4></span>
						<span>Quisque at tortor a libero posuer</span>
						<span>
							<a class="search-as">所有景点</a>
							<a class="search-as">第2区</a>
							<a class="search-as">第3区</a>
							<a class="search-as">第5区</a>
							<a class="search-as">第8区</a>
							<a class="search-as">第9区</a>
						</span>
					</div>
					
					<div class="main-body">
						<div class="main-body-shell">
							<div class="main-body-item">
								<div class="main-body-item1"><img src="images/10.jpg" alt=""/></div>
							    <div class="main-body-item2" >
							    	<span>卢浮宫</span><br/>
							    	<span>客户评分</span>
							    </div>
							</div>
							
						</div>
						<div class="main-body-shell">
							<div class="main-body-item">
								<div class="main-body-item1"><img src="images/12.jpg" alt=""/></div>
							    <div class="main-body-item2" >
							    	<span>卢浮宫</span><br/>
							    	<span>客户评分</span>
							    </div>
							</div>
						</div>
						
						<div class="main-body-shell">
							<div class="main-body-item">
								<div class="main-body-item1"><img src="images/14.jpg" alt=""/></div>
							    <div class="main-body-item2" >
							    	<span>卢浮宫</span><br/>
							    	<span>客户评分</span>
							    </div>
							</div>
						</div>
						
						<div class="main-body-shell">
							<div class="main-body-item">
								<div class="main-body-item1"><img src="images/4.jpg" alt=""/></div>
							    <div class="main-body-item2" >
							    	<span>卢浮宫</span><br/>
							    	<span>客户评分</span>
							    </div>
							</div>
						</div>
						
						<div class="main-body-shell">
							<div class="main-body-item">
								<div class="main-body-item1"><img src="images/3.jpg" alt=""/></div>
							    <div class="main-body-item2" >
							    	<span>卢浮宫</span><br/>
							    	<span>客户评分</span>
							    </div>
							</div>
						</div>
						
						<div class="main-body-shell">
							<div class="main-body-item">
								<div class="main-body-item1"><img src="images/15.jpg" alt=""/></div>
							    <div class="main-body-item2" >
							    	<span>卢浮宫</span><br/>
							    	<span>客户评分</span>
							    </div>
							</div>
						</div>
						
					</div><!--main-body end-->
					
					<div class="main-footer">
						<a href="#">MORE</a>
					</div>
					
					
				</div><!--main end-->
			</div><!--body end-->
			
			<div class="opcity">
			    	<div class="opcity-body">
			    	  <span>为您开启一段愉快的旅程 </span><br/>
					  <span>CITY TOURS / TOUR TICKETS / TOUR GUIDES</span>
			    	</div><!--opcity-body end-->
			</div>
				
			<div class="service">
				 <div class="service-title">
					<div class="service-title-item">
						<span>服务流程</span><br/>
						<span>CITY TOURS / TOUR TICKETS / TOUR GUIDES</span>
					</div>
				 </div>
				 
				 <div class="service-body clearfix">
				 	<ul>
				 		<li class="service-body-title">填写表单</li>
				 		<li class="service-body-content">您只需通过网站、微信、电话、客服等任意途径联系我们，就会有您</li>
				 	</ul>
				 	<ul>
				 		<li class="service-body-title">私人服务</li>
				 		<li class="service-body-content">您只需通过网站、微信、电话、客服等任意途径联系我们，就会有您</li>
				 	</ul>
				 	<ul>
				 		<li class="service-body-title">办理签证</li>
				 		<li class="service-body-content">您只需通过网站、微信、电话、客服等任意途径联系我们，就会有您</li>
				 	</ul>
				 	<ul>
				 		<li class="service-body-title">出行</li>
				 		<li class="service-body-content">您只需通过网站、微信、电话、客服等任意途径联系我们，就会有您</li>
				 	</ul>
				 </div>
				 
			</div>
				
			<div class="places">
					<div class="places-title">
						<div class="places-title-item">
							<span>巴黎热门旅游景点</span><br/>
							<span>Qsque at tortr a rcu. Curab equat</span>
						</div>
					</div>
					
					<div class="places-body">
						
							<div class="places-body-item">
								<img src="images/1.png" /><br/>
								<span><label class="label-count">+120</label>高端旅游</span><br/>
								<span class="span-des">当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事</span><br/>
							    <a class="read-more" href="#">了解更多</a>
							</div>
						
						
							<div class="places-body-item">
								<img src="images/1.png" /><br/>
								<span><label class="label-count">+120</label> 高端旅游</span><br/>
								<span class="span-des">当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事</span><br/>
							    <a class="read-more" href="#">了解更多</a>
							</div>
						
							<div class="places-body-item">
								<img src="images/1.png" /><br/>
								<span><label class="label-count">+120</label> 高端旅游</span><br/>
								<span class="span-des">当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事</span><br/>
							    <a class="read-more" href="#">了解更多</a>
							</div>
						
					</div>
					
			</div>
				
			<div class="pairs">
					  <div class="pairs-body-item clearfix">
					  	<div class="pairs-body-item1">
							<img src="images/6.png"/>
						</div>
						<div class="pairs-body-item2">
							<h2>欢迎登陆<span class="span-sty">PAIRS</span>旅行社官方网站了解更多旅游资讯</h2>
							<span>
								当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。
								无论您是普通互联网用户， 还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。
							</span><br/>
							<a href="#">VIEW TOURS</a>
						</div>
					  </div>
						
			</div>
				
			<div class="footer">
					<div class="footer-body">
						<div class="footer-body-shell">
							<div class="footer-body-item">
								<ul>
									<li>联系我们</li>
									<li>联系我们1</li>
									<li>联系我们2</li>
									<li>联系我们3</li>
								</ul>
							</div>
						</div>	
							<div class="footer-body-shell">
							   <div class="footer-body-item">
								 <ul>
								 	<li>巴黎旅游定制服务</li>
								 	<li>地址：江苏省苏州市园区金鸡湖大道路000号</li>
								 	<li>邮编：100000</li>
								 	<li>电话：400-888-8888</li>
								 </ul>
								</div>
						    </div>
					
					        <div class="footer-body-shell">
							    <div class="footer-body-item">
								<ul>
									<li>电话：400-888-8888</li>
									<li>手机：188-6666-5188</li>
									<li>传真：000-66668888</li>
									<li>邮箱：website@qq.com</li>
								</ul>
								</div>
							</div>
						
						    <div class="footer-body-shell">
							     <div class="footer-body-item">
									<ul>
										<li>关注我们</li>
										<li><img src="images/13.jpg" /></li>
									</ul>
								</div>
							</div>
						
                            <!--<div class="footer-body-item">
								<div class="footer-body-item4">
									<span class="span0 span1"></span>
									<span class="span0 span2"></span>
									<span class="span0 span3"></span>
									<span class="span0 span4"></span>
								</div>
							</div>
-->						
						
					</div>
			</div>
		</div>
		
	</body>
</html>
